// 首先eslint他是主要用来做语法校验的插件，会强制你按照一定的规则去书写代码，具体的规则参考https://eslint.org/docs/rules/，
// 1、写代码的时候的eslint校验  √
// 编辑器中安装的eslint插件，会在你使用编辑器写代码的时候检验代码是否符合eslint规则，如果不符合规则它会在编辑器上报红色警告， 但是这个插件仅仅是连接编辑器与eslint的Node脚本，编辑器通过eslint插件去调用全局的eslint包或者项目本地的eslint包去校验代码
// 2、webpack打包的时候的eslint校验  √
// 但是它无法在你使用weppack打包时起作用，也就是说，不管你的代码是否符合eslint设定的规则，webpack都可以打包成功，但是我们的需求是要让项目严格按照eslint规则运行，这时候就要想办法让eslint在打包的过程中也能起作用，需要安装、配置eslint-webpack-plugin
// 3、git提交代码的时候的eslint校验 √
// 同时为了统一团队的代码风格，每个成员在提交代码的时候，必须要通过eslint的校验才能提交，那么可以配合husky做到提交代码的时候做eslint校验

//    提示：vscode的eslint插件在编辑代码时就会对代码进行eslint校验，它会读取你项目根目录的eslintrc文件的配置，按照你配置的规则进行校验

// 步骤：
// 1、安装eslint
// yarn add eslint -D
// 2、使用eslint命令行工具一键生成eslint配置文件.eslintrc.js，并自动安装所需的所有依赖
// npx eslint --init
// 3、使用eslint-webpack-plugin，让eslint在打包的时候校验
// 4、配置husky，让eslint在代码提交的时候起作用
// 5、添加eslintignore文件

import React from 'react';
interface TestProps {
  children: string;
}
const EslintTest: React.FC<TestProps> = (props) => {
  type a = {
    b: string;
  };
  const c = 1;

  return <div>{props.children}</div>;
};
export default EslintTest;
